@import "base";

/** 列表 **/
/****************************************** ******************************************/
/** 搜索框和列表切换按钮 **/
.list-class { .pr; .bg;
	//列表头部（部分有）
	.list-top {
		height: 54px; width: 100%; border-bottom: 1px solid #EAEAEA; padding: 0 8px; .boxs;
	}
	.list-top {
		height: 54px;
		li { .mr(40px); }
		a { display: inline-block; padding: 17px 16px; opacity: .65; .pr; .fzz(16px); }
		a:hover,.list-top-cu>a { .c(#1890FF); opacity: 1; font-weight: 400; }
		a:hover:after,.list-top-cu>a:after { content: ''; .pa; width: 100%; height: 2px; left: 0; top: 52px; .bg(#1890FF); }
	}
	//列表头部搜索框
	.list-select {
		.pa; top: 10px; right: 48px;
		input { .wh(173px,32px); padding: 0 30px 0 15px; }
		i { .fzz(14px); .c(#959595); position: absolute; top: 11px; right: 9px; }
	}
}

/****************************************** ******************************************/
/*** 列表主体 ***/
.list-con { .pr; padding: 32px; .bg;
	//新建
	.list-new { .mb(16px);
		a { .diA(82px,32px); .bg(#1890FF); .bradius(4px); .center; .cw85; .lh(32px); }
	}
	//列表主体表格
	.list-table { .mb(20px);
		width: 100%; .boxs;
		table { border-collapse: collapse; width: 100%;
			th, tfoot td { .cb65; .bg(#FAFAFA);
				i { font-size: 12px; .c(#BFBFBF); }
				//小图标
				.list-th-arrow { .pr; .wh(15px,20px); display: inline-block; vertical-align: top; .pi;
					.list-th-up { .pa; top: 0px; .transform(scale(0.7)); }
					.list-th-down { .pa; top: 6px; .transform(scale(0.7)); }
				} 

			}
			tfoot td { border: none; }
			td { .cb65; }
			th,td { text-align: left; padding: 17px 0 17px 10px; vertical-align: top; border-bottom: 1px solid #EEEEEE; .house-style { .mr(10px); } }

			//状态
			.list-status { .pr; .pal(27px); }
			.list-status:before { top: 22.5px; left: 10px; .transform(scale(.7)); }
			//链接
			a { .c(#1890FF); }
			a:hover { .c(#0076E3); }
			.list-link { 
				a { .c(#1890FF); .pr; }
				a:hover { .c(#0076E3); }
				span{ padding: 0 3.5%; .c(#E9E9E9); }
			}

			//按钮
			.list-btn,.list-btn-gray { 
				.bg(#1890FF); .diA(auto,30px); padding: 0 12px; .lh(30px); .bradius(4px); .cw85; .center; .bg(#1890FF); .fzz(15px);
			}
			.list-btn-gray { .bg(#C0C0C0); }
			.list-btn-gray:hover { .cw85; }
			.list-btn:hover { .c; }
			.list-btn:active { .bg(#0071DB); }

			//间距
			.list-padding { padding: 0 20px; }
			
		}
	}
	//无列表显示
	.list-NotData { .cb25; .center; padding: 35px 0; .lh(32px); .fzz(16px); i { .fzz(32px); .pr; top: 6px; .cb45; } }
}
.list-jsgl-jsxq { padding: 24px 100px; .fsize-big { .fzz(20px); .fw; vertical-align: bottom; } }



/****************************************** 人 事 处  ******************************************/
/** 教师列表 **/
.list-rsc-jslb .list-table table {
	tr td:nth-child(1) { width: percentage(90/1080); }
	tr td:nth-child(2) { width: percentage(130/1080); }
	tr td:nth-child(3) { width: percentage(90/1080); }
	tr td:nth-child(4) { width: percentage(150/1080); }
	tr td:nth-child(5) { width: percentage(100/1080); }
	tr td:nth-child(6) { width: percentage(110/1080); }
	tr td:nth-child(7) { width: percentage(160/1080); }
	tr td:nth-child(8) { width: percentage(120/1080); }
	tr td:nth-child(9) { width: percentage(130/1080); }
}

/** 教师详情 **/
.list-rsc-jsxq .list-table table {
	tr td:nth-child(1) { width: percentage(130/1080); }
	tr td:nth-child(2) { width: percentage(360/1080); }
	tr td:nth-child(3) { width: percentage(170/1080); }
	tr td:nth-child(4) { width: percentage(160/1080); }
	tr td:nth-child(5) { width: percentage(130/1080); }
	tr td:nth-child(6) { width: percentage(130/1080); }
}


/****************************************** 教 师  ******************************************/
/** 我的合同 - 合同列表 **/
.list-wdht-htlb .list-table table {
	tr td:nth-child(1) { width: percentage(170/1080); }
	tr td:nth-child(2) { width: percentage(150/1080); }
	tr td:nth-child(3) { width: percentage(240/1080); }
	tr td:nth-child(4) { width: percentage(150/1080); }
	tr td:nth-child(5) { width: percentage(135/1080); }
	tr td:nth-child(6) { width: percentage(100/1080); }
	tr td:nth-child(7) { width: percentage(135/1080); }
}

/** 我的租金 - 租金列表 **/
.list-wdzj-zjlb .list-table table {
	tr td:nth-child(1) { width: percentage(70/1080); }
	tr td:nth-child(2) { width: percentage(185/1080); }
	tr td:nth-child(3) { width: percentage(140/1080); }
	tr td:nth-child(4) { width: percentage(275/1080); }
	tr td:nth-child(5) { width: percentage(100/1080); }
	tr td:nth-child(6) { width: percentage(140/1080); }
	tr td:nth-child(7) { width: percentage(160/1080); }
}

/** 我的水费 - 水费列表 **/
.list-wdsjq-sflb .list-table table {
	tr td:nth-child(1) { width: percentage(70/1080); }
	tr td:nth-child(2) { width: percentage(180/1080); }
	tr td:nth-child(3) { width: percentage(135/1080); }
	tr td:nth-child(4) { width: percentage(260/1080); }
	tr td:nth-child(5) { width: percentage(100/1080); }
	tr td:nth-child(6) { width: percentage(100/1080); }
	tr td:nth-child(7) { width: percentage(120/1080); }
	tr td:nth-child(8) { width: percentage(130/1080); }
}

/** 我的报修 - 报修列表 **/
.list-wdbx-bxlb .list-table table {
	tr td:nth-child(1) { width: percentage(70/1080); }
	tr td:nth-child(2) { width: percentage(185/1080); }
	tr td:nth-child(3) { width: percentage(230/1080); }
	tr td:nth-child(4) { width: percentage(120/1080); }
	tr td:nth-child(5) { width: percentage(120/1080); }
	tr td:nth-child(6) { width: percentage(225/1080); }
	tr td:nth-child(7) { width: percentage(130/1080); }
}

/** 公告列表 **/
.list-tzgg-gglb .list-table table {
	tr td:nth-child(1) { width: percentage(110/1080); }
	tr td:nth-child(2) { width: percentage(470/1080); }
	tr td:nth-child(3) { width: percentage(210/1080); }
	tr td:nth-child(4) { width: percentage(160/1080); }
	tr td:nth-child(6) { width: percentage(200/1080); }
}

/** 项目列表 **/
.list-fyxm-xmlb .list-table table {
	tr td:nth-child(1) { width: percentage(420/1080); }
	tr td:nth-child(2) { width: percentage(180/1080); }
	tr td:nth-child(3) { width: percentage(180/1080); }
	tr td:nth-child(4) { width: percentage(120/1080); }
	tr td:nth-child(6) { width: percentage(180/1080); }
}


/** 项目详情 **/
.list-xmgl-xmxq .list-table table {
	tr td:nth-child(1) { width: percentage(100/1080); }
	tr td:nth-child(2) { width: percentage(210/1080); }
	tr td:nth-child(3) { width: percentage(130/1080); }
	tr td:nth-child(4) { width: percentage(120/1080); }
	tr td:nth-child(5) { width: percentage(90/1080); }
	tr td:nth-child(6) { width: percentage(120/1080); }
	tr td:nth-child(7) { width: percentage(190/1080); }
	tr td:nth-child(8) { width: percentage(120/1080); }
}




/****************************************** 管 理 员 ******************************************/
/** 房源详情 - 记录列表 **/
.list-fyxq .list-table table {
	tr td:nth-child(1) { width: percentage(230/1080); }
	tr td:nth-child(2) { width: percentage(190/1080); }
	tr td:nth-child(3) { width: percentage(175/1080); }
	tr td:nth-child(4) { width: percentage(260/1080); }
	tr td:nth-child(5) { width: percentage(225/1080); }
}

/** 户型列表 **/
.list-htxq .list-table table {
	tr td:nth-child(1) { width: percentage(90/1080); }
	tr td:nth-child(2) { width: percentage(210/1080); }
	tr td:nth-child(3) { width: percentage(160/1080); }
	tr td:nth-child(4) { width: percentage(240/1080); }
	tr td:nth-child(5) { width: percentage(120/1080); }
	tr td:nth-child(6) { width: percentage(130/1080); }
	tr td:nth-child(7) { width: percentage(130/1080); }
}

/** 户型列表 **/
.list-hxlb .list-table table {
	tr td:nth-child(1) { width: percentage(80/1080); }
	tr td:nth-child(2) { width: percentage(160/1080); }
	tr td:nth-child(3) { width: percentage(320/1080); }
	tr td:nth-child(4) { width: percentage(100/1080); }
	tr td:nth-child(5) { width: percentage(205/1080); }
	tr td:nth-child(6) { width: percentage(165/1080); }
}

/** 项目列表 **/
.list-xmlb .list-table table {
	tr td:nth-child(1) { width: percentage(80/1080); }
	tr td:nth-child(2) { width: percentage(300/1080); }
	tr td:nth-child(3) { width: percentage(110/1080); }
	tr td:nth-child(4) { width: percentage(300/1080); }
	tr td:nth-child(5) { width: percentage(290/1080); }
}

/** 查看申请记录 **/
.list-cksqjl .list-table table {
	tr td:nth-child(1) { width: percentage(110/1080); }
	tr td:nth-child(2) { width: percentage(110/1080); }
	tr td:nth-child(3) { width: percentage(110/1080); }
	tr td:nth-child(4) { width: percentage(110/1080); }
	tr td:nth-child(5) { width: percentage(150/1080); }
	tr td:nth-child(6) { width: percentage(340/1080); }
	tr td:nth-child(7) { width: percentage(150/1080); }
}

/** 查看选房记录 **/
.list-ckxfjl .list-table table {
	tr td:nth-child(1) { width: percentage(110/1080); }
	tr td:nth-child(2) { width: percentage(110/1080); }
	tr td:nth-child(3) { width: percentage(110/1080); }
	tr td:nth-child(4) { width: percentage(240/1080); }
	tr td:nth-child(5) { width: percentage(230/1080); }
	tr td:nth-child(6) { width: percentage(130/1080); }
	tr td:nth-child(7) { width: percentage(150/1080); }
}

/** 合同列表 **/
.list-htlb .list-table table {
	tr td:nth-child(1) { width: percentage(130/1080); }
	tr td:nth-child(2) { width: percentage(130/1080); }
	tr td:nth-child(3) { width: percentage(300/1080); }
	tr td:nth-child(4) { width: percentage(130/1080); }
	tr td:nth-child(5) { width: percentage(130/1080); }
	tr td:nth-child(6) { width: percentage(130/1080); }
	tr td:nth-child(7) { width: percentage(130/1080); }
}
/** 租金列表 **/
.list-zjlb .list-table table {
	tr td:nth-child(1) { width: percentage(70/1080); }
	tr td:nth-child(2) { width: percentage(185/1080); }
	tr td:nth-child(3) { width: percentage(140/1080); }
	tr td:nth-child(4) { width: percentage(275/1080); }
	tr td:nth-child(5) { width: percentage(100/1080); }
	tr td:nth-child(6) { width: percentage(140/1080); }
	tr td:nth-child(7) { width: percentage(160/1080); }
}
/** 水费列表 **/
.list-sflb .list-table table {
	tr td:nth-child(1) { width: percentage(70/1080); }
	tr td:nth-child(2) { width: percentage(180/1080); }
	tr td:nth-child(3) { width: percentage(135/1080); }
	tr td:nth-child(4) { width: percentage(260/1080); }
	tr td:nth-child(5) { width: percentage(100/1080); }
	tr td:nth-child(6) { width: percentage(100/1080); }
	tr td:nth-child(7) { width: percentage(120/1080); }
	tr td:nth-child(8) { width: percentage(130/1080); }
}
/** 退房列表 **/
.list-tflb .list-table table {
	tr td:nth-child(1) { width: percentage(70/1080); }
	tr td:nth-child(2) { width: percentage(185/1080); }
	tr td:nth-child(3) { width: percentage(130/1080); }
	tr td:nth-child(4) { width: percentage(275/1080); }
	tr td:nth-child(5) { width: percentage(130/1080); }
	tr td:nth-child(6) { width: percentage(130/1080); }
	tr td:nth-child(7) { width: percentage(150/1080); }
}
/** 报修列表 **/
.list-bxlb .list-table table {
	tr td:nth-child(1) { width: percentage(70/1080); }
	tr td:nth-child(2) { width: percentage(185/1080); }
	tr td:nth-child(3) { width: percentage(230/1080); }
	tr td:nth-child(4) { width: percentage(120/1080); }
	tr td:nth-child(5) { width: percentage(120/1080); }
	tr td:nth-child(6) { width: percentage(225/1080); }
	tr td:nth-child(7) { width: percentage(130/1080); }
}
/** 公告列表 **/
.list-gglb .list-table table {
	tr td:nth-child(1) { width: percentage(110/1080); }
	tr td:nth-child(2) { width: percentage(460/1080); }
	tr td:nth-child(3) { width: percentage(170/1080); }
	tr td:nth-child(4) { width: percentage(110/1080); }
	tr td:nth-child(5) { width: percentage(110/1080); }
	tr td:nth-child(6) { width: percentage(200/1080); }
}
/** 教师列表 **/
.list-jsbl .list-table table {
	tr td:nth-child(1) { width: percentage(90/1080); }
	tr td:nth-child(2) { width: percentage(130/1080); }
	tr td:nth-child(3) { width: percentage(90/1080); }
	tr td:nth-child(4) { width: percentage(150/1080); }
	tr td:nth-child(5) { width: percentage(100/1080); }
	tr td:nth-child(6) { width: percentage(110/1080); }
	tr td:nth-child(7) { width: percentage(160/1080); }
	tr td:nth-child(8) { width: percentage(120/1080); }
	tr td:nth-child(9) { width: percentage(130/1080); }
}

/** 教师详情 **/
.list-jsgl-jsxq .list-table table {
	tr td:nth-child(1) { width: percentage(141/924); }
	tr td:nth-child(2) { width: percentage(411/924); }
	tr td:nth-child(3) { width: percentage(111/924); }
	tr td:nth-child(4) { width: percentage(111/924); }
	tr td:nth-child(5) { width: percentage(150/924); }
}